@color-light: #ffffff;
@color-light-2: @item-hover-bg;
@color-light-3: @color-light-10;
@color-light-4: @color-light-10;
@color-light-5: #002031;
@color-light-6: #999999;
@color-light-7: #eeeeee;
@color-light-8: #e2e2e2;
@color-light-9: @primary-color;
@color-light-10: #275a54;
@color-light-11: #275a54;
@color-light-12: @primary-color;
@color-light-13: #275a54;
@color-light-14: #275a54;
@color-light-15: #275a54;
@color-light-16: @component-background;
@color-light-17: #275a54;
@color-dark: #000c17;
@color-primary-secend: #42b983;

@primary-color: #00b191; // 全局主色
@primary-color-2: #00b191;
@primary-color-3: #00b191;
@primary-color-4: #00b191;
@primary-color-6: #00b191;
@primary-color-5: @color-light-10;
@link-color: #00fff5; // 链接色
@link-color-2: #00fff5;
@success-color: #0abf5b; // 成功色
@warning-color: #ff9d00; // 警告色
@error-color: #e54545; // 错误色
@font-size-base: 12px; // 主字号
@font-size-lg: @font-size-base+2;
@heading-color: @primary-color; // 标题色
@text-color: #00b191; // 主文本色
@text-color-secondary: @primary-color; // 次文本色
@text-color-2: #00826a;
@text-color-light-3: transparent;
@disabled-color: #275a54; // 失效色
@disabled-color-2: #00b191;
@border-radius-base: 0; // 组件/浮层圆角
@border-color-base: #275a54; // 边框色
@border-color-base-2: #275a54;
@border-color-split: #275a54;
@border-color-inverse: @primary-color;
@box-shadow-base: 1px 1px 5px rgba(0, 0, 0, 0.5); // 浮层阴影
@primary-1: @layout-body-background;
@primary-2: @component-background;
@background-color-light: @color-light-10;
@flow-menu-color: @primary-color;

// layout
@layout-body-background: #000810;
@layout-sider-background: @color-light-5;
@layout-header-background: #000c17;
@item-hover-bg: #000c17;
// @item-active-bg: #000c17;

// menu
@menu-inline-toplevel-item-height: 30px;
@menu-item-height: 30px;
@menu-item-font-size: 14px;
@menu-collapsed-width: 60px;
@menu-dark-bg: @color-light-5;
@menu-dark-submenu-bg: @layout-header-background;
@menu-dark-item-active-bg: @primary-color;
@menu-dark-highlight-color: @color-light;
@menu-dark-color: @text-color-secondary-dark;
@menu-dark-arrow-color: @primary-color;

// butttons
@btn-height-base: 30px;
@btn-disable-bg: @disabled-color;
@btn-disable-color: @primary-color;
@btn-disable-border: @border-color-base;

// Extra large screen / full hd
@screen-xl: 1220px;
@screen-xl-min: @screen-xl;

// Grid system
// @grid-columns: 24;
// @grid-gutter-width: 20;

// vertical paddings
@padding-lg: 20px; // containers

// Table
// --
@table-bg: @component-background;
@table-header-bg: @color-light-5;
@table-header-color: @heading-color;
@table-header-sort-bg: @color-light-2;
@table-body-sort-bg: @layout-body-background;
@table-row-hover-bg: @item-hover-bg;
@table-selected-row-bg: @component-background;
@table-expanded-row-bg: @component-background;

// Form
// ---
@form-item-margin-bottom: 20px;
@label-color: @color-light-4;

// Input
// ---
@input-height-base: 30px;
@input-height-lg: 30px;
@input-placeholder-color: @color-light-10;
@input-color: @text-color;
@input-icon-color: @input-color;
@input-disabled-bg: @component-background;
@input-addon-bg: @background-color-light;

// Checkbox
@checkbox-check-color: #002031;

// TimePicker
// ---

// 新增的
@component-background: #002031;
@inner-content-bg: #002031;
@breadcrumb-bg: #000c17;
@breadcrumb-color: #00ffc5;
@breadcrumb-color-second: #00b191;
@breadcrumb-border-color: #275a54;
@text-color-secondary-dark: @breadcrumb-color-second;
@text-color-light: #00ffc5;
@text-color-light-2: #00b191;
@text-color-light-4: #00b191;
@modal-color: rgba(0, 0, 0, 0.65);
@modal-heading-color: @heading-color;
@tabs-active-color: @primary-color;

@calendar-border-color: @border-color-inverse;

// @select-item-selected-bg: @color-light-10;
// @select-item-active-bg: @color-light-10;
